﻿<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>record</title>

        <!-- WinJS references -->
        <link href="//Microsoft.WinJS.1.0/css/ui-dark.css" rel="stylesheet" />
        <script src="//Microsoft.WinJS.1.0/js/base.js"></script>
        <script src="//Microsoft.WinJS.1.0/js/ui.js"></script>

        <link href="record.css" rel="stylesheet" />
        <script src="../../js/viewmodel.js"></script>
        <script src="recorder.js"></script>
        <script src="recordcodebehind.js"></script>
        <script src="record.js"></script>
    </head>
    <body>
        <div class="record fragment">
            <header aria-label="Header content" role="banner">
                <button class="win-backbutton" aria-label="Back" disabled type="button"></button>
                <h1 class="titlearea win-type-ellipsis">
                    <span class="pagetitle">Record your own sound</span>
                </h1>
            </header>
            <section aria-label="Main content" role="main">
                <div id="record-switch" data-win-control="WinJS.UI.ToggleSwitch" data-win-options="{
                     labelOn:'Stop Recording',
                     labelOff:'Start Recording'}">
                </div>
                <div id="submit-content">
                    <div>
                        <audio src="#" id="player" controls="controls"></audio>
                    </div>
                    <label for="new-sound-name">Sound Name:</label>
                    <input id="new-sound-name" type="text"/>
                    <button id="discard-button">Discard</button>
                    <button id="submit-button" type="submit">Submit</button>
                </div>

            </section>

        </div>
    </body>
</html>
